<html>
<head>
<meta charset="UTF-8">
<title>本学院助管信息</title>

<link href="../easyui/themes/default/easyui.css" rel="stylesheet"
	type="text/css" />
<link href="../easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../easyui/jquery.min.js" type="text/javascript"></script>
<script src="../easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script type="text/javascript"
	src="../easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
<script type="text/javascript" src="../js/download.js"></script>
<script type="text/javascript">
	//下载助管信息按钮事件(弹出选择列)
	function download() {
		$('#dlg').dialog('open').dialog('setTitle', '导出模板');
	}
	function download_sure() {
		var ny = $("#db").datebox("getValue");
		if (ny) {
			$.download('/studentmanagement/yh/ZG/downloadZG1.do', ny);
		} else {
			alert("请先选择年月，然后导出");
		}
	}
</script>
</head>
<body>
	<!-- 工具框 -->
	<div id="tb" style="padding: 3px">
		<a href="javascript:download()" class="easyui-linkbutton"
			iconCls="icon-undo" plain="true">导出所有助管信息</a>
	</div>
	<!-- 数据表框 -->
	<table id="list_data">
	</table>
	<script type="text/javascript">
		$('#list_data').datagrid({
			title : '助管信息列表',
			iconCls : 'icon-save',//图标 
			width : 'auto',
			height : 'auto',
			nowrap : false,
			autoRowHeight : false,
			striped : true,//设置为true将交替显示行背景。
			border : true,
			collapsible : false,//是否可折叠的 
			fitColumns : true,
			checkOnSelect : false,
			fit : true,//自动大小 
			url : '/studentmanagement/yh/ZG/listDW.do',
			sortName : 'id',
			sortOrder : 'asc',
			remoteSort : false,
			idField : 'id',
			singleSelect : false,//是否单选  设置为true将只允许选择一行。
			pagination : false,//设置true将在数据表格底部显示分页工具栏。 
			rownumbers : true,//行号 设置为true将显示行数。
			frozenColumns : [ [ {
				field : 'ck',
				checkbox : true
			} ] ],
			columns : [ [ {
				field : 'id',
				title : '编号',
				width : 100,
				sortable : true
			}, {
				field : 'name',
				title : '姓名',
				width : 100,
				sortable : true
			}, {
				field : 'unitId',
				title : '单位编号',
				width : 100
			}, {
				field : 'unitName',
				title : '单位名称',
				width : 100
			}, {
				field : 'officeName',
				title : '设岗科室名称',
				width : 100
			}, {
				field : 'tel',
				title : '联系电话',
				width : 100
			}, {
				field : 'bankNo',
				title : '建行卡号',
				width : 100
			} ] ],
			toolbar : '#tb'
		});
	</script>
	<!-- 导出对话框 -->
	<div Closed="true" id="dlg" class="easyui-dialog"
		data-options="modal:true,closed:true"
		style="width: 400px; height: 300px; padding: 10px 20px"
		buttons="#dlg-buttons">
		<div class="ftitle">选择年月导出模板</div>
		<!-- <input type="checkbox" name="qx" value="1" />编号<br /> <input
			type="checkbox" name="qx" value="2" />姓名<br /> <input
			type="checkbox" name="qx" value="3" />单位编号<br /> <input
			type="checkbox" name="qx" value="5" />单位名称<br /> <input
			type="checkbox" name="qx" value="6" />设岗科室名称<br /> <input
			type="checkbox" name="qx" value="6" />联系电话<br /> <input
			type="checkbox" name="qx" value="7" />建行卡号 -->

		<!-- 选择年月 -->
		选择年月:<input id="db" />
		<script>
			$(function() {
				$('#db')
						.datebox(
								{
									onShowPanel : function() {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
										span.trigger('click'); //触发click事件弹出月份层
										if (!tds)
											setTimeout(
													function() {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
														tds = p
																.find('div.calendar-menu-month-inner td');
														tds
																.click(function(
																		e) {
																	e
																			.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
																	var year = /\d{4}/
																			.exec(span
																					.html())[0]//得到年份
																	, month = parseInt(
																			$(
																					this)
																					.attr(
																							'abbr'),
																			10); //月份，这里不需要+1
																	$('#db')
																			.datebox(
																					'hidePanel')
																			//隐藏日期对象
																			.datebox(
																					'setValue',
																					year
																							+ '-'
																							+ month); //设置日期的值
																});
													}, 0);
										yearIpt.unbind();//解绑年份输入框中任何事件
									},
									parser : function(s) {
										if (!s)
											return new Date();
										var arr = s.split('-');
										return new Date(parseInt(arr[0], 10),
												parseInt(arr[1], 10) - 1, 1);
									},
									formatter : function(d) {
										return d.getFullYear() + '-'
												+ (d.getMonth() + 1);/*getMonth返回的是0开始的，忘记了。。已修正*/
									}
								});
				var p = $('#db').datebox('panel'), //日期选择对象
				tds = false, //日期选择对象中月份
				yearIpt = p.find('input.calendar-menu-year'), //年份输入框
				span = p.find('span.calendar-text'); //显示月份层的触发控件
				console.log(yearIpt)

			});
		</script>
	</div>
	<!-- 创建或编辑对话框的里面的按钮 -->
	<div id="dlg-buttons">
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok"
			onclick="download_sure()">确认导出</a> <a href="#"
			class="easyui-linkbutton" iconCls="icon-cancel"
			onclick="javascript:$('#dlg').dialog('close')">取消</a>
	</div>
</body>
</html>